<%@ taglib uri="/myTLD" prefix="abc" %>
<jsp:include page="/jsp/Fragment/Header.jsp" flush="true"/>
<jsp:include page="/jsp/Fragment/Splash.jsp" flush="true"/>
<jsp:include page="/jsp/Fragment/Step.jsp" flush="true"/>
<div id="container">
	<h1>Pizza</h1>
	<p>Selecteer hier een van onze vaste huis pizza's, met elke dag een andere aanbieding.</p>
	<div id="pizza">
		<abc:listPizza beans="${pizzas}"/>
	</div>
	<h1>Aangepaste pizza</h1>
	<p>Of stel zelf een pizza samen uit de onderstaande ingredienten:</p>
	<div id="ingredients">
		<abc:form id="custompizza"/>
	</div>
	<div class="hidden">
		<form method="post" id="pizzaform">
			<input type="hidden" name="selectedpizza" value="" id="selectedpizza" />
		</form>
	</div>
</div>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {
	$('#pizzalist > .pizza').each(function(i,e){
		$(e).click(function(){
			var pizza = $('strong',this).html();
			$('#selectedpizza').val(pizza);
			$('#pizzaform').submit();
		});
	});
});
/*]]>*/
</script>
<jsp:include page="/jsp/Fragment/Footer.jsp" flush="true"/>